<template>
    <div>
        <a-modal
            title="报销单汇总打印"
            :visible="visible"
            @ok="visible = false"
            @cancel="claseVisible"
            :footer="null"
            class="reimbursement-totalPrint-modal"
            :width="794+48+16"
        >
            <div style="width: 794px;">
                <div>
                    <a-button class="blue-btn" type="primary" v-print="printObj">打印</a-button>
                </div>
                <div id="reimbursement-totalPrint">
                    <div class="reimbursement-summary-1" v-if="printList.bxd && printList.bxd.fbxlx == '差旅报销'">
                        <div style="display: flex;">
                            <div class="travelReimbursementForm-print-box">
                                <h1 class="letterSpan">旅差费报销单</h1>
                                <div class="travelReimbursementForm-print-title-box" style="padding: 0 20px;">
                                    <span>
                                        <span class="Title">单据号</span> {{ printList.bxd?printList.bxd.fdjh:'' }}
                                    </span>
                                    <span>
                                        <span class="Title">科室</span> {{ printList.bxd?printList.bxd.fjbks:'' }}
                                    </span>
                                    <span>
                                        <span class="Title">填报日期</span>
                                        {{ printList.bxd?printList.bxd.ftbrq.substr(0,4):'' }} <span class="Title">年</span>
                                        {{ printList.bxd?printList.bxd.ftbrq.substr(5,2):'' }} <span class="Title">月</span>
                                        {{ printList.bxd?printList.bxd.ftbrq.substr(8,2):''}}<span class="Title"> 日</span>
                                    </span>
                                    <span>
                                        <span class="Title">第</span> {{ '1' }} <span class="Title">页共</span> {{ '1' }} <span class="Title">页</span>
                                    </span>
                                </div>
                                <table border="1" cellspacing="0" class="travelReimbursementForm-table">
                                    <tr>
                                        <td colspan="2" class="Title">出差<br/>时间</td>
                                        <td colspan="10">
                                            <div style="display: flex;justify-content: space-around;align-items: center;">
                                                <span>
                                                    <span class="Title">自</span>
                                                    {{ printList.bxd?printList.bxd.fbxsjms.substr(0,4):'' }}<span class="Title">年</span>
                                                    {{ printList.bxd?printList.bxd.fbxsjms.substr(5,2):'' }}<span class="Title">月</span>
                                                    {{ printList.bxd?printList.bxd.fbxsjms.substr(8,2):'' }}<span class="Title">日</span>
                                                    <br/>
                                                    <span class="Title">至</span>
                                                    {{ printList.bxd?printList.bxd.fbxsjms.substr(11,4):'' }}<span class="Title">年</span>
                                                    {{ printList.bxd?printList.bxd.fbxsjms.substr(16,2):'' }}<span class="Title">月</span>
                                                    {{ printList.bxd?printList.bxd.fbxsjms.substr(19,2):'' }}<span class="Title">日</span>
                                                </span>
                                                <span>
                                                    <span class="Title">共</span>
                                                    {{ printList.bxd?returnDayNum(printList.bxd.fbxsjms):'' }}
                                                    <span class="Title">天</span>
                                                </span>
                                            </div>
                                        </td>
                                        <td colspan="3" class="Title">姓名</td>
                                        <td colspan="7" style="padding-left: 5px;">{{ printList.bxdgr?getNameList(printList.bxdgr):'' }}</td>
                                        <td colspan="2" class="Title">出差<br/>事由</td>
                                        <td colspan="8" style="text-align: left;padding-left: 5px !important;">{{ printList.bxd?printList.bxd.fjcsxmc:'' }}</td>
                                    </tr>
                                    <colgroup>
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col style="width: 1px !important">
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col style="width: 1px !important">
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col style="width: 1px !important">
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                        <col style="width: 1px !important">
                                        <col>
                                        <col>
                                        <col>
                                        <col>
                                    </colgroup>
                                    <tr>
                                        <td colspan="8" class="Title letterSpan">起讫时间及地点</td>
                                        <td :rowspan="3+transportationList1.length"></td>
                                        <td colspan="4" class="Title letterSpan">车船票</td>
                                        <td :rowspan="3+transportationList1.length"></td>
                                        <td colspan="6" class="Title letterSpan">出差补助费</td>
                                        <td :rowspan="3+transportationList1.length"></td>
                                        <td colspan="6" class="Title letterSpan">住宿费</td>
                                        <td :rowspan="3+transportationList1.length"></td>
                                        <td colspan="4" class="Title letterSpan">其他</td>
                                    </tr>
                                    <tr>
                                        <td class="Title">月</td>
                                        <td class="Title">日</td>
                                        <td colspan="2" class="Title">起</td>
                                        <td class="Title">月</td>
                                        <td class="Title">日</td>
                                        <td colspan="2" class="Title">讫</td>
                                        <!--  -->
                                        <td colspan="2" class="Title">类别</td>
                                        <td colspan="2" class="Title">金额</td>
                                        <!--  -->
                                        <td colspan="2" class="Title">天数</td>
                                        <td colspan="2" class="Title">标准</td>
                                        <td colspan="2" class="Title">金额</td>
                                        <!--  -->
                                        <td colspan="2" class="Title">天数</td>
                                        <td colspan="2" class="Title">标准</td>
                                        <td colspan="2" class="Title">金额</td>
                                        <!--  -->
                                        <td colspan="2" class="Title">摘要</td>
                                        <td colspan="2" class="Title">金额</td>
                                    </tr>
                                    <!-- <tr v-for="index of 5" :key="index">
                                        <td>{{ '12' }}</td>
                                        <td>{{ '14' }}</td>
                                        <td colspan="2">{{ '南宁' }}</td>
                                        <td>{{ '12' }}</td>
                                        <td>{{ '14' }}</td>
                                        <td colspan="2">{{ '崇左' }}</td>
                                        <td colspan="2">{{ '高铁' }}</td>
                                        <td colspan="2">{{ '210' }}</td>
                                        <td colspan="2">{{ '2' }}</td>
                                        <td colspan="2">{{ '100' }}</td>
                                        <td colspan="2">{{ '600' }}</td>
                                        <td colspan="2">{{ '1' }}</td>
                                        <td colspan="2">{{ '258' }}</td>
                                        <td colspan="2">{{ '774' }}</td>
                                        <td colspan="2">{{ '车补' }}</td>
                                        <td colspan="2">{{ '480' }}</td>
                                    </tr> -->
                                    <template v-for="(item,index) in transportationList1" v-if="transportationList1.length">
                                        <tr>
                                            <td :key="index">{{ item.fcsjjtwqsrq?item.fcsjjtwqsrq.substr(5,2):'' }}</td>
                                            <td>{{ item.fcsjjtwqsrq?item.fcsjjtwqsrq.substr(8,2):'' }}</td>
                                            <td colspan="2">{{ item.fwjtfqscs }}</td>
                                            <td>{{ item.fcsjjtwddrq?item.fcsjjtwddrq.substr(5,2):'' }}</td>
                                            <td>{{ item.fcsjjtwddrq?item.fcsjjtwddrq.substr(8,2):'' }}</td>
                                            <td colspan="2">{{ item.fwjtfddcs }}</td>
                                            <td colspan="2">{{ item.fcsjjtfs }}</td>
                                            <td colspan="2">{{ item.fwjtfsbje }}</td>
                                            <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fccts }}</td>
                                            <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fccbzbz }}</td>
                                            <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fccbzje }}</td>
                                            <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fzxfts }}</td>
                                            <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fzsfbz }}</td>
                                            <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fzxfsbje }}</td>
                                            <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fqtzy }}</td>
                                            <td colspan="2" :rowspan="item.list.length" v-if="item.list.length">{{ item.fqtje }}</td>
                                        </tr>
                                        <!-- <tr>
                                            <td :key="index+'.5'">{{ item.fcsjjtfqsrq?item.fcsjjtfqsrq.substr(5,2):'' }}</td>
                                            <td>{{ item.fcsjjtfqsrq?item.fcsjjtfqsrq.substr(8,2):'' }}</td>
                                            <td colspan="2">{{ item.ffjtfqscs }}</td>
                                            <td>{{ item.fcsjjtfddrq?item.fcsjjtfddrq.substr(5,2):'' }}</td>
                                            <td>{{ item.fcsjjtfddrq?item.fcsjjtfddrq.substr(8,2):'' }}</td>
                                            <td colspan="2">{{ item.ffjtfddcs }}</td>
                                            <td colspan="2">{{ item.fcsjjtfsf }}</td>
                                            <td colspan="2">{{ item.ffjtfsbje }}</td>
                                        </tr> -->
                                    </template>
                                    <tr>
                                        <th colspan="8" class="Title">小计</th>
                                        <td colspan="2"></td>
                                        <td colspan="2">{{ printList.bxd?printList.bxd.fjtfxj:'' }}</td>
                                        <td colspan="2"></td>
                                        <td colspan="2"></td>
                                        <td colspan="2">{{ printList.bxd?printList.bxd.fccbzxj:'' }}</td>
                                        <td colspan="2"></td>
                                        <td colspan="2"></td>
                                        <td colspan="2">{{ printList.bxd?printList.bxd.fzsfxj:'' }}</td>
                                        <td colspan="2"></td>
                                        <td colspan="2">{{ printList.bxd?printList.bxd.fqtxj:'' }}</td>
                                    </tr>
                                    <tr>
                                        <td colspan="5" class="Title">总计金额(大写)</td>
                                        <td colspan="17">
                                            <!-- {{ 'x' }} <span class="Title">万</span>
                                            {{ '贰' }} <span class="Title">仟</span>
                                            {{ '贰' }} <span class="Title">佰</span>
                                            {{ '柒' }} <span class="Title">拾</span>
                                            {{ '肆' }} <span class="Title">元</span>
                                            {{ '零' }} <span class="Title">角</span>
                                            {{ '零' }} <span class="Title">分</span> -->
                                            {{ printList.bxd?printList.bxd.fhjbxjedx:'' }}
                                        </td>
                                        <td colspan="10" style="text-align: left;padding-left: 10px !important;">
                                            <span class="Title">核销￥</span>{{ printList.bxd?printList.bxd.fhjbxje:'' }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="32">
                                            <div class="travelReimbursementForm-print-title-box" style="padding-left: 15px;padding-right: 100px;">
                                                <span>
                                                    <span class="Title">公务卡￥</span>{{ printList.bxd?printList.bxd.fgwkbxje:'' }}
                                                </span>
                                                <span>
                                                    <span class="Title">转账￥</span>{{ printList.bxd?printList.bxd.fzzbxje:'' }}
                                                </span>
                                                <span>
                                                    <span class="Title">储蓄卡￥</span>{{ printList.bxd?printList.bxd.fcxkbxje:'' }}
                                                </span>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                                <div class="travelReimbursementForm-print-title-box" style="padding-left: 15px;padding-right: 60px;padding-top: 10px;">
                                    <span>
                                        <span class="Title">中心领导</span>
                                    </span>
                                    <span>
                                        <span class="Title">审核(会计)</span>
                                    </span>
                                    <span>
                                        <span class="Title">科室</span>
                                    </span>
                                    <span>
                                        <span class="Title">填报人</span>
                                    </span>
                                </div>
                            </div>
                            <div style="color: #5ca3e5;writing-mode: vertical-rl;display: flex;justify-content: space-evenly;padding: 100px 4px 40px">
                                <span>附单据</span>
                                <span style="font-size: 14px;color: #5ca3e5;">
                                        {{ printList.bxd?printList.bxd.fbxdj:'' }}
                                    </span>
                                <span>张</span>
                            </div>
                        </div>
                    </div>
                    <div class="reimbursement-summary-1" v-if="printList.bxd && printList.bxd.fbxlx == '一般报销'">
                        <div>
                            <div v-if="printList.bxd.fbxdlx == '对公转账申请单'">
                                <h3 style="text-align: center;font-weight: 600;font-size: 22px;">申请转账单</h3>
                                <div v-if="isYbbxbt" style="margin-bottom: 20px;">
                                    <table class="table-Lu table-Lu-tdPadding" border="1" cellspacing="0">
                                        <colgroup>
                                            <col style="width: 130px;">
                                            <col>
                                            <col style="width: 130px">
                                            <col>
                                            <col style="width: 130px">
                                            <col>
                                        </colgroup>
                                        <tr>
                                            <th>项&emsp;&emsp;目</th>
                                            <td>{{ ybbxbtData.xmmc }}</td>
                                            <th>经济科目</th>
                                            <td>{{ ybbxbtData.jjkm }}</td>
                                            <th>金&emsp;&emsp;额</th>
                                            <td>{{ ybbxbtData.je }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <table border="1" cellspacing="0" class="table-Lu table-Lu-tdPadding">
                                    <tr>
                                        <th style="width:130px;">收款单位</th>
                                        <td>{{ printList.bxd.fskdw }}</td>
                                        <th rowspan="3" style="padding: 0 !important;width:80px;">付款<br/>方式</th>
                                        <td rowspan="3" style="width: 120px;">转&nbsp;账</td>
                                    </tr>
                                    <tr>
                                        <th style="width:130px;">账&nbsp;&nbsp;号</th>
                                        <td>{{ printList.bxd.fkhyhkh.replace(/(\d{4})(?=\d)/g, "$1 ") }}</td>
                                    </tr>
                                    <tr>
                                        <th style="width:130px;">开户银行</th>
                                        <td>{{ printList.bxd.fkhyh }}</td>
                                    </tr>
                                    <tr>
                                        <th style="width:130px;">金&nbsp;&nbsp;额</th>
                                        <td>{{ printList.bxd.fhjbxjedx }}</td>
                                        <td colspan="2" style="text-align: left;">{{ '￥'+printList.bxd.fybbxje }}</td>
                                    </tr>
                                    <tr>
                                        <th style="width:130px;">用&nbsp;&nbsp;途</th>
                                        <td colspan="3">{{ printList.bxd.fbxnrms }}</td>
                                    </tr>
                                </table>
                                <div class="travelReimbursementForm-print-title-box" style="padding-left: 15px;padding-right: 60px;padding-top: 10px;">
                                    <span>中心领导：</span>
                                    <span>财务：</span>
                                    <span>部门：</span>
                                    <span>经办人：</span>
                                </div>
                            </div>
                            <div v-if="printList.bxd.fbxdlx == '支出报销单'">
                                <div style="display: flex;">
                                    <div class="expenseApprovalForm-print-box">
                                        <h1 class="letterSpan">支出报批单</h1>
                                        <div class="expenseApprovalForm-print-title-box" style="padding: 0 40px;">
                                            <span>
                                                <span class="Title">申报科室：</span>{{ printList.bxd.fjbks }}
                                            </span>
                                            <span>
                                                <span class="Title">填报日期：</span>
                                                {{ printList.bxd && printList.bxd.ftbrq?printList.bxd.ftbrq.substr(0,4):'' }} <span class="Title">年</span>
                                                {{ printList.bxd && printList.bxd.ftbrq?printList.bxd.ftbrq.substr(5,2):'' }} <span class="Title">月</span>
                                                {{ printList.bxd && printList.bxd.ftbrq?printList.bxd.ftbrq.substr(8,2):'' }} <span class="Title">日</span>
                                            </span>
                                        </div>
                                        <div v-if="isYbbxbt" style="margin-bottom: 20px;">
                                            <table border="1" cellspacing="0" class="expenseApprovalForm-table">
                                                <colgroup>
                                                    <col style="width: 100px;">
                                                    <col>
                                                    <col style="width: 100px">
                                                    <col style="width: 100px">
                                                    <col style="width: 100px">
                                                    <col style="width: 100px">
                                                </colgroup>
                                                <tr>
                                                    <th>
                                                        <span class="Title">项&emsp;&emsp;目</span>
                                                    </th>
                                                    <td>{{ ybbxbtData.xmmc }}</td>
                                                    <th>
                                                        <span class="Title">经济科目</span>
                                                    </th>
                                                    <td>{{ ybbxbtData.jjkm }}</td>
                                                    <th>
                                                        <span class="Title">金&emsp;&emsp;额</span>
                                                    </th>
                                                    <td>{{ ybbxbtData.je }}</td>
                                                </tr>
                                            </table>
                                        </div>
                                        <table border="1" cellspacing="0" class="expenseApprovalForm-table">
                                            <tr>
                                            <td style="text-align: left;">
                                                <span class="Title">用途：</span>
                                                {{ printList.bxd.fbxnrms }}
                                            </td>
                                            </tr>
                                            <tr>
                                                <td style="text-align: left;display: flex;justify-content: space-between;border: unset;">
                                                    <span>
                                                        <span class="Title" style="margin-right: 20px;">金额（大写）：</span>
                                                        {{ printList.bxd.fhjbxjedx }}
                                                    </span>
                                                    <span style="text-align: right;padding-right: 30px;"><span class="Title">小写￥</span>{{ printList.bxd.fybbxje }}</span>
                                                </td>
                                            </tr>
                                            <tr>
                                            <td style="display: flex;padding: 0 !important;border: unset;border-top: 1px solid #5ca3e5;">
                                                <div style="flex: 1;border-right: 1px solid #5ca3e5;">
                                                    <p class="Title" style="text-align: left;padding-left: 5px;">单位领导批示：</p>
                                                    <p style="min-height: 80px;">{{ printList.bxd.fzxspyj }}</p>
                                                    <p style="text-align: right;padding-right: 20px;margin-bottom: 10px;">
                                                        <span style="margin-right: 20px;"> </span>
                                                        <span class="Title">月</span>
                                                        &emsp;
                                                        <span class="Title">日</span>
                                                    </p>
                                                </div>
                                                <div style="flex: 1;">
                                                    <p class="Title" style="text-align: left;padding-left: 5px;">科室负责人审核：</p>
                                                    <p style="min-height: 80px;">{{ printList.bxd.fjbbmshyj }}</p>
                                                    <p style="text-align: right;padding-right: 20px;margin-bottom: 10px;">
                                                        <span style="margin-right: 20px;"> </span>
                                                        <span class="Title">月</span>
                                                        &emsp;
                                                        <span class="Title">日</span>
                                                    </p>
                                                </div>
                                            </td>
                                            </tr>
                                        </table>
                                        <div class="expenseApprovalForm-print-title-box" style="padding: 10px 150px;">
                                            <span>
                                                <span class="Title">会计:</span>
                                            </span>
                                            <span>
                                                <span class="Title">出纳:</span>
                                            </span>
                                            <span>
                                                <span class="Title">经办人:</span>
                                            </span>
                                        </div>
                                        <div style="display: flex;padding-left: 10px;color: #5ca3e5;">
                                            <div>说明：</div>
                                            <div>
                                            <span>1、外来原始凭证粘贴单和大张的外来原始凭证应分项汇总填写此单。</span><br/>
                                            <span>2、审批程序：科室负责人→会计→单位领导批准。</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="color: #5ca3e5;writing-mode: vertical-rl;display: flex;justify-content: space-evenly;padding: 100px 4px 100px">
                                        <span>附凭证</span>
                                        <span style="font-size: 14px;color:black;">
                                                {{ printList.bxd?printList.bxd.fbxdj:'' }}
                                            </span>
                                        <span>张</span>
                                    </div>
                                </div>
                            </div>
                            <div v-if="laborCostsList.length > 0" style="margin-top: 60px;text-align: center;">
                                <div style="page-break-after:always"></div>
                                <h2 style="font-weight: 600;">{{ printList.bxd.fbxnrms }}</h2>
                                <div style="display: flex;justify-content: space-between;padding: 0px 20px 10px;">
                                    <span>科室：<span>{{ this.fromState.fjbks }}</span></span>
                                    <span>日期：<span>{{ this.fromState.ftbrq }}</span></span>
                                </div>
                                <table border="1" cellspacing="0" style="width: 100%" class="laborCostsTable">
                                    <tr>
                                        <th style="width: 60px;">序号</th>
                                        <th>姓名<span style="color: red;">(必填正确)</span></th>
                                        <th>身份证号<span style="color: red;">(必填正确)</span></th>
                                        <th>单位</th>
                                        <th style="width: 80px;">劳务费<br/>税前金额</th>
                                        <th style="width: 80px;">个税</th>
                                        <th>劳务费实发金额<br/><span style="color: red;">(必填正确)</span></th>
                                        <th>银行卡号</th>
                                    </tr>
                                    <template v-for="(item,index) in laborCostsList">
                                        <tr>
                                            <td :key="index"> {{ index + 1 }} </td>
                                            <td> {{ item.realname }} </td>
                                            <td> {{ item.fsfzh }} </td>
                                            <td> {{ item.fgzdw }} </td>
                                            <td> {{ item.flwfsqje }} </td>
                                            <td> {{ item.flwfgsje }} </td>
                                            <td> {{ item.flwfsbje }} </td>
                                            <td>
                                                {{ item.fyhkh + '/' }}<br/>
                                                {{ item.fkfh }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="4">合 计</td>
                                            <td></td>
                                            <td></td>
                                            <td>{{ item.fybbxje }}</td>
                                            <td></td>
                                        </tr>
                                    </template>
                                </table>
                                <div style="display: flex;padding-left: 10px;">
                                    <div style="white-space: nowrap;">说明：</div>
                                    <div style="text-align: left;">
                                        <span>1、当劳务费小于800元，不缴个税，劳务费税前金额=实发金额。</span><br/>
                                        <span>2、当劳务费大于800元且没超过4000元，劳务费税前金额=(劳务费实发金额-160)/0.8，个税=(劳务费税前金额-800元)*20%。</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="reimbursement-summary-1" v-if="printList.bxd && printList.bxd.fbxdlx == '审评员报销单'">
                        <div class="jcybx-printTable">
                            <div class="jcybx-printTable-leftTable">
                                <div>
                                    <h3 class="jcybx-printTable-leftTable-title">
                                        费用报销单
                                    </h3>
                                    <div style="margin: 0 auto;width: calc(100% - 16px);display: flex;flex-direction: row;justify-content: space-between;font-size: 12px;font-family: '宋体' !important;color: black;">
                                        <span>单据号：{{ fromState.fdjh }}</span>
                                        <span>单位：元</span>
                                    </div>
                                </div>
                                <div v-if="isXmbg" style="margin-bottom: 20px;">
                                    <table class="reimbursement-transportation-table" border="1" cellspacing="0" style="width: calc(100%);border-color: #000 !important;table-layout: fixed;">
                                        <colgroup>
                                            <col style="width: 120px;">
                                            <col>
                                            <col style="width: 80px">
                                            <col style="width: 80px">
                                            <col style="width: 70px">
                                            <col style="width: 100px;">
                                        </colgroup>
                                        <tr>
                                            <th rowspan="3">预算指标名称</th>
                                            <td>{{ xmbgData.lwmc }}</td>
                                            <th rowspan="3">经济科目</th>
                                            <td>劳务费</td>
                                            <th rowspan="3">金额</th>
                                            <td>{{ xmbgData.lwje }}</td>
                                        </tr>
                                        <tr>
                                            <td>{{ xmbgData.clmc }}</td>
                                            <td>差旅费</td>
                                            <td>{{ xmbgData.clje }}</td>
                                        </tr>
                                        <tr>
                                            <td>{{ xmbgData.gsmc }}</td>
                                            <td>劳务费</td>
                                            <td>{{ xmbgData.gsje }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <div>
                                    <table class="reimbursement-transportation-table reimbursement-transportation-table-min" border="1" cellspacing="0" style="width: calc(100%);border-color: #000 !important;table-layout: fixed;">
                                        <tr >
                                            <th>审评内容</th>
                                            <td colspan="2">{{ fromState.fbxnrms }}</td>
                                            <th colspan="3">{{ fromState.fbxsjms }}</th>
                                        </tr>
                                        <tr >
                                            <th :rowspan="2">姓名</th>
                                            <th>劳务费</th>
                                            <th >差旅费</th>
                                            <th :rowspan="2">报销帐号开户行/城市</th>
                                            <th :rowspan="2" >报销帐号</th>
                                            <!-- <th :rowspan="2">报销金额(劳务费/差旅费)</th> -->
                                            <th :rowspan="2">签字/日期</th>
                                        </tr>
                                        <tr >
                                            <!-- <th >审评天数</th> -->
                                            <th >金额</th>
                                            <th >金额</th>
                                        </tr>
                                        <tr v-for="(item,index) in transportationList1" :key="index" >
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                <span style="display: block;">{{ item.realname }}</span>（{{item.fjcsf}}）
                                            </td>
                                            <!-- <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{ item.flwfts }}
                                            </td> -->
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{item.flwfsbje}}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{ item.fclfsbhjje }}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{ item.fkfh }}/{{ item.fkhhszd }}
                                            </td>
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{ item.fyhkh }}
                                            </td>
                                            <!-- <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                {{ item.flwfsbje }} / {{ item.fclfsbhjje }}
                                            </td> -->
                                            <td :rowspan="item.list.length" v-if="((index+1) % 2 !== 0) && item.list.length !== 0">
                                                <img v-if="getQmImg(item.fuserid)" :src="getQmImg(item.fuserid)" alt="签名图片" class="qmImgge">
                                                <span v-else>{{ item.realname }}</span>
                                                <span style="font-size: 11px;display: block;">{{ fromState.fjcjsrq }}</span>
                                            </td>
                                            <!--  -->
                                            <!-- <td v-if="((index+1) % 2 == 0) && item.list.length == 0">
                                                {{ item.fclfsbhjje }}
                                            </td> -->
                                        </tr>
                                        <template v-for="(fitem,findex) in fjList" >
                                            <tr>
                                                <td :key="findex">
                                                    <span>{{ fitem.mc }}</span>
                                                </td>
                                                <td></td>
                                                <td>{{ fitem.je }}</td>
                                                <td>{{ fitem.khyh }}</td>
                                                <td>{{ fitem.bxzh }}</td>
                                                <td></td>
                                            </tr>
                                        </template>
                                        <tr>
                                            <th>小计</th>
                                            <!-- <td></td> -->
                                            <td>{{ fromState.flwfbxje }}</td>
                                            <td>{{ fromState.fclfbxje }}</td>
                                            <td></td>
                                            <td></td>
                                            <!-- <td>{{ fromState.fhjbxje }}</td> -->
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <th>总计金额</th>
                                            <td colspan="2">大写： {{fromState.fhjbxjedx}}</td>
                                            <th>核销</th>
                                            <td colspan="2">{{ fromState.fhjbxje }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <div style="display: flex;justify-content: space-between;font-size: 14px;color: rgb(0, 0, 0);margin: 10px;padding-right: 20%;font-family: '宋体' !important;">
                                    <span>经办人：</span>
                                    <span>科室：</span>
                                    <span>审核：</span>
                                    <span>审批：</span>
                                </div>
                            </div>
                            <div class="jcybx-printTable-rightPz">
                                <span style="letter-spacing: 5px;">附原始凭证</span>
                                <span>{{ fromState.fbxdj }}</span>
                                <span>张</span>
                            </div>
                        </div>
                        <div class="reimbursement-transportation-table-bz">
                            <div style="padding: 0px 20px;">注：</div>
                            <div style="padding-bottom: 3px;">
                                <p>
                                    1、劳务费：以实际审评时间计算，审评组长350元/人/天，审评员300元/人/天。区局各处室、审评分局、区审评中心无劳务费。
                                </p>
                                <p>
                                    2、城市间交通费:审评员从常驻地到被审评企业所在地乘坐火车、大巴、飞机等交通工具的费用（含交通意外保险费），凭据报销。火车票只能报二等座。
                                </p>
                                <p>
                                    3、住宿费：参照自治区财政厅《关于调整自治区本级党政机关差旅住宿费标准等有关事项的通知》（桂财行〔2015〕123号）执行，在标准限额之内凭发票据实报销。
                                </p>
                                <p>
                                    4、伙食补助费：审评员按参加审评自然(日历)天数计算，离开驻地的观察员按实际审评时间计算，100元/人/天包干，不需票据。
                                </p>
                                <p>
                                    5、市内交通费：审评员按参加审评自然(日历)天数计算，离开驻地的观察员按实际审评时间计算，80元/人/天包干，不需票据；
                                </p>
                                <p>
                                    审评员往返机场、火车站等发生的大巴、地铁、公共汽车等（不含出租车）交通费用凭据报销（往返各1次）。
                                </p>
                                <p>
                                    6、实际发生住宿而无住宿费发票的，不得报销住宿费以及城市间交通费、伙食补助费和市内交通费；有住宿发票但无城市间交通票据的，需注明是否有单位派车。单位派车出差的不报销城市间交通费和市内交通费，并在“金额”栏注明“单位车”；无单位派车的，可报销市内交通费，并在“金额”栏注明“无单位派车”。审评当天往返的，按标准报销城市间交通费、伙食补助费和市内交通费。
                                </p>
                                <p>
                                    7、此表请审评组结束审评前填写或打印，由审评组及观察员全体成员签字确认；票据产生时间应与审评期间对应，开票名称"xx壮族自治区食品药品审评查验中心"（组织机构代码：12450000782144833W），并有2人以上共同签字。
                                </p>
                                <p style="color: black;">
                                    8、根据资金安全管理要求报销费用如无特殊情况按劳务费和差旅费分两笔转给审评员个人，每一位审评员只能提供一个长期的开户行及账户，如无特殊情况不得随意更换，更换需提交纸质说明原因。开户行需为国有四大银行(即农行、中行、建行、工行)，账户类型需为一类卡账户，审评员需仔细填报个人银行账户信息核对无误，如有错漏后果自负。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="reimbursement-summary-1" v-if="printList.bxd && printList.bxd.fbxdlx == '审评员报销单'">
                        <div style="page-break-after:always"></div>
                        <div class="reimbursement-summary-box">
                            <div class="jcybx-printTable">
                                <div class="jcybx-printTable-leftTable">
                                    <div>
                                        <h3 class="jcybx-printTable-leftTable-title">
                                            xx壮族自治区食品药品审评查验中心<br/>审评查验明细报销单
                                        </h3>
                                    </div>
                                    <div>
                                        <table class="reimbursement-transportation-table reimbursement-transportation-table-min" border="1" cellspacing="0" style="width: calc(100%);border-color: #000 !important;table-layout: fixed;">
                                            <tr >
                                                <th>审评内容</th>
                                                <td colspan="10">{{ fromState.fbxnrms }}</td>
                                                <th colspan="4">{{ fromState.fbxsjms }}</th>
                                            </tr>
                                            <tr >
                                                <th rowspan="3">姓名</th>
                                                <th colspan="2">劳务费</th>
                                                <th colspan="10">差旅费</th>
                                                <th colspan="2">报销金额</th>
                                            </tr>
                                            <tr >
                                                <th rowspan="2">审评<br/>天数</th>
                                                <th rowspan="2">金额</th>
                                                <th colspan="4">城市间交通费</th>
                                                <th colspan="2">住宿费</th>
                                                <th colspan="2">伙食补助费</th>
                                                <th colspan="2">市内交通费</th>
                                                <th rowspan="2">劳务费</th>
                                                <th rowspan="2">差旅费</th>
                                            </tr>

                                            <tr >
                                                <th>日期</th>
                                                <th>起始</th>
                                                <th>交通<br/>方式</th>
                                                <th>金额</th>
                                                <th>天数</th>
                                                <th>金额</th>
                                                <th>天数</th>
                                                <th>金额</th>
                                                <th>天数</th>
                                                <th>金额</th>
                                            </tr>
                                            <tr v-for="(item,index) in transportationList1" :key="index" >
                                                <!-- <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    <span style="display: block;">{{ item.realname }}</span>（{{item.fjcsf}}）
                                                </td>
                                                <td></td>
                                                <td></td>
                                                <td v-if="(index+1) % 2 !== 0">
                                                    <span v-if="item.fcsjjtwqsrq && item.fcsjjtwddrq">
                                                        {{item.fcsjjtwqsrq.substr(5,2)}}.{{item.fcsjjtwqsrq.substr(8,2)}} -
                                                        {{item.fcsjjtwddrq.substr(5,2)}}.{{item.fcsjjtwddrq.substr(8,2)}}
                                                    </span>
                                                    <span v-else></span>
                                                </td>
                                                <td v-if="(index+1) % 2 !== 0">
                                                    {{item.fwjtfqscs}}-{{ item.fwjtfddcs }}
                                                </td>
                                                <td v-if="(index+1) % 2 !== 0">
                                                    {{ item.fcsjjtfs }}
                                                </td>
                                                <td v-if="(index+1) % 2 !== 0">
                                                    {{ item.fwjtfybje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fzxfts }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fzxfsbje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fhsbzts }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fhsbzsbje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fsnjtbzts }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fsnjtbzje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fclfsbhjje }}
                                                </td>
                                                <td></td> -->
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    <span style="display: block;">{{ item.realname }}</span>（{{item.fjcsf}}）
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.flwfts }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.flwfsbje }}
                                                </td>
                                                <td >
                                                    <span v-if="item.fcsjjtwqsrq && item.fcsjjtwddrq">
                                                        {{item.fcsjjtwqsrq.substr(5,2)}}.{{item.fcsjjtwqsrq.substr(8,2)}} -
                                                        {{item.fcsjjtwddrq.substr(5,2)}}.{{item.fcsjjtwddrq.substr(8,2)}}
                                                    </span>
                                                    <span v-else></span>
                                                </td>
                                                <td >
                                                    {{item.fwjtfqscs}}-{{ item.fwjtfddcs }}
                                                </td>
                                                <td >
                                                    {{ item.fcsjjtfs }}
                                                </td>
                                                <td >
                                                    {{ item.fwjtfybje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fzxfts }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fzxfsbje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fhsbzts }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fhsbzsbje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fsnjtbzts }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fsnjtbzje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.flwfsbje }}
                                                </td>
                                                <td :rowspan="item.list.length" v-if="item.list.length !== 0">
                                                    {{ item.fclfsbhjje }}
                                                </td>
                                                <!--  -->
                                                <!-- <td v-if="(index+1) % 2 == 0">
                                                    <span v-if="item.fcsjjtfqsrq && item.fcsjjtfddrq">
                                                        {{item.fcsjjtfqsrq.substr(5,2)}}.{{item.fcsjjtfqsrq.substr(8,2)}} -
                                                        {{item.fcsjjtfddrq.substr(5,2)}}.{{item.fcsjjtfddrq.substr(8,2)}}
                                                    </span>
                                                    <span v-else></span>
                                                </td>
                                                <td v-if="(index+1) % 2 == 0">
                                                    {{ item.ffjtfqscs }}-{{ item.ffjtfddcs }}
                                                </td>
                                                <td v-if="(index+1) % 2 == 0">
                                                    {{ item.fcsjjtfsf }}
                                                </td>
                                                <td v-if="(index+1) % 2 == 0">
                                                    {{ item.ffjtfybje }}
                                                </td> -->
                                            </tr>
                                            <colgroup>
                                                <col>
                                                <col style="width: 30px !important;">
                                                <col>
                                                <col style="width: 75px !important;">
                                                <col style="width: 70px !important;">
                                                <col>
                                                <col>
                                                <col style="width: 30px !important;">
                                                <col>
                                                <col style="width: 30px !important;">
                                                <col>
                                                <col style="width: 30px !important;">
                                                <col>
                                                <col>
                                                <col>
                                            </colgroup>
                                            <tr>
                                                <th>小计</th>
                                                <td></td>
                                                <td>{{  fromState.flwfbxje }}</td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td>{{ fromState.fjtfxj }}</td>
                                                <td></td>
                                                <td>{{ fromState.fzsfxj }}</td>
                                                <td></td>
                                                <td>{{ fromState.fhsbzxj }}</td>
                                                <td></td>
                                                <td>{{ fromState.fsnjtfxj }}</td>
                                                <td>{{ fromState.flwfbxje }}</td>
                                                <td>{{ fromState.fclfbxje }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div style="min-height: 21px;display: flex;justify-content: space-between;font-size: 14px;color: rgb(0, 0, 0);margin: 10px;padding-right: 20%;">
                                    </div>
                                </div>
                                <div class="jcybx-printTable-rightPz">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="reimbursement-summary-1" v-if="fromState.fsfywdwpc == '是'">
                        <div style="page-break-after:always"></div>
                        <div class="reimbursement-summary-box">
                            <div class="table-hear">
                                <h3>费用报销说明</h3>
                            </div>
                            <table class="reimbursement-transportation-table" border="1" cellspacing="0" style="width: calc(100%);border-color: #000 !important;">
                                <tr>
                                    <th >审评内容及审评时间</th>
                                    <td>{{fromState.fbxnrms}}/{{fromState.fbxsjms}}</td>
                                    <th style="width: 146px;">有无单位派车</th>
                                    <td style="width: 146px;">无</td>
                                </tr>
                                <tr>
                                    <th style="width: 146px;">无城市间交通费/无住宿说明</th>
                                    <td colspan="3">
                                        {{ fromState.fwcsjtzssm }}
                                    </td>
                                </tr>
                                <tr>
                                    <th >审评人员签字确认</th>
                                    <td colspan="3" style="text-align: left;">{{ fromState.fwcsjtzssmqzrxm }}</td>
                                </tr>
                                <tr>
                                    <td colspan="4" style="text-align: left;">填写说明：1、审评内容及审评时间根据报销单填写。2、有无单位派车若无，填写“无”。3、审评组人员需附此表方可报销市区交通补助费，经办人负责督办</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!-- <div class="reimbursement-summary-1" v-if="printList.bxmx && printList.bxmx.length">
                        <div style="page-break-after:always"></div>
                        <div class="table-hear">
                            <h3>报销明细</h3>
                        </div>
                        <table class="reimbursement-transportation-table" border="1" cellspacing="0" style="width: calc(100%);border-color: #000 !important;">
                            <tr>
                                <th style="width: 70px;">姓&ensp;&ensp;名</th>
                                <th>科&ensp;&ensp;室</th>
                                <th>报销内容描述</th>
                                <th>报销项目分类</th>
                                <th>报销账户</th>
                                <th>开户行名称</th>
                                <th>实报合计费用</th>
                                <th style="width: 70px;">卡&ensp;&ensp;类</th>
                            </tr>
                            <tr v-for="(item,index) in printList.bxmx" :key="index">
                                <td>{{ item.realname }}</td>
                                <td>{{ item.fpjks }}</td>
                                <td>{{ item.fbxnrms }}</td>
                                <td>{{ item.fbxxmfl1 }}</td>
                                <td>{{ item.fyhkh }}</td>
                                <td>{{ item.fkhh }}</td>
                                <td>{{ item.fbzmx }}</td>
                                <td>{{ item.fkl }}</td>
                            </tr>
                        </table>
                    </div> -->
                    <div class="reimbursement-summary-1" v-if="printList.sqzzt">
                        <!-- 这个好像没用 -->
                        <div v-for="(item,index) in printList.sqzzt" :key="index" class="applicationForTransferForm-print-box preview-box">
                            <div style="page-break-after:always"></div>
                            <div class="reimbursement-summary-box">
                                <h3 style="text-align: center;font-weight: 600;font-size: 22px;">申请转账单</h3>
                                <table border="1" cellspacing="0" class="applicationForTransferForm-table">
                                    <tr>
                                        <th style="width:130px;">收款单位</th>
                                        <td>{{ item.fskdw }}</td>
                                        <th rowspan="3" style="padding: 0 !important;width:80px;">付款<br/>方式</th>
                                        <td rowspan="3" style="width: 120px;">{{ item.ffkfs }}</td>
                                    </tr>
                                    <tr>
                                        <th style="width:130px;">账&nbsp;&nbsp;号</th>
                                        <td>{{ item.fzh.replace(/(\d{4})(?=\d)/g, "$1 ") }}</td>
                                    </tr>
                                    <tr>
                                        <th style="width:130px;">开户银行</th>
                                        <td>{{ item.fkhyh }}</td>
                                    </tr>
                                    <tr>
                                        <th style="width:130px;">金&nbsp;&nbsp;额</th>
                                        <td>{{ item.fjedx }}</td>
                                        <td colspan="2" style="text-align: left;">{{ '￥'+item.fjexx }}</td>
                                    </tr>
                                    <tr>
                                        <th style="width:130px;">用&nbsp;&nbsp;途</th>
                                        <td colspan="3">{{ item.fyt?item.fyt.toString():'' }}</td>
                                    </tr>
                                </table>
                                <div class="travelReimbursementForm-print-title-box" style="padding-left: 15px;padding-right: 60px;padding-top: 10px;">
                                    <span>中心领导：</span>
                                    <span>财务：</span>
                                    <span>部门：</span>
                                    <span>经办人：</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="reimbursement-summary-1" v-if="printList.tssx && printList.tssx.length">
                        <div v-for="(item,index) in printList.tssx" :key="index" style="margin-bottom: 40px;">
                            <div style="page-break-after:always"></div>
                            <div class="reimbursement-summary-box">
                                <div class="table-hear">
                                    <h3>xx壮族自治区食品药品审评查验中心报账特殊情况申请表</h3>
                                </div>
                                <table class="reimbursement-transportation-table" border="1" cellspacing="0" style="width: calc(100%);border-color: #000 !important;">
                                    <tr >
                                        <th colspan="4">审评内容</th>
                                    </tr>
                                    <tr>
                                        <td>申请科室</td>
                                        <td>{{ fromState.fjbks }}</td>
                                        <td>申请人</td>
                                        <td>{{ fromState.fjbr }}</td>
                                    </tr>
                                    <tr>
                                        <td>项目内容</td>
                                        <td>{{ fromState.fbxnrms }}</td>
                                        <td>项目时间</td>
                                        <td>{{ fromState.fbxsjms }}</td>
                                    </tr>
                                    <tr>
                                        <td>申请日期</td>
                                        <td>{{item.fsqrq}}</td>
                                        <td>特殊情况申请天数</td>
                                        <td>{{ item.fsqts }}</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div style="display: flex;justify-content: center;">
                                                <span style="width: 48px;display: flex;justify-content: space-between;">
                                                    <span>金</span>
                                                    <span>额</span>
                                                </span>
                                            </div>

                                        </td>
                                        <td style="text-align: center;">{{item.fsqje}}</td>
                                    </tr>
                                    <tr  v-if="item.fsqlx == '超期产生' || item.fsqlx == '超期产生和午休房'">
                                        <th colspan="4">超期产生额外费用报销填报</th>
                                    </tr>
                                    <tr v-if="item.fsqlx == '超期产生' || item.fsqlx == '超期产生和午休房'">
                                        <td>特殊情况说明</td>
                                        <td colspan="3" style="text-align: left;">{{ item.fewfybxsm }}</td>

                                    </tr>
                                    <tr v-if="item.fsqlx == '超期产生' || item.fsqlx == '超期产生和午休房'">
                                        <td>申请人签字确认</td>
                                        <td>
                                            <img v-if="getQmImg(item.fsqrid)" :src="getQmImg(item.fsqrid)" alt="签名图片" class="qmImg">
                                            <span v-else>{{ item.fsqr }}</span>
                                        </td>
                                        <td>中心领导签字确认</td>
                                        <td>
                                            <img v-if="getQmImg(item.fzxldid)" :src="getQmImg(item.fzxldid)" alt="签名图片" class="qmImg">
                                            <span v-else>{{ item.fzxldyjr }}</span>
                                        </td>
                                    </tr>
                                    <tr  v-if="item.fsqlx == '午休房'">
                                        <th colspan="4">午休房报销填报</th>
                                    </tr>
                                    <tr v-if="item.fsqlx == '午休房'">
                                        <td>项目地址</td>
                                        <td>{{ item.fwxfbxxmdz }}</td>
                                        <td>工作地址</td>
                                        <td>{{item.fwxfbxgzdz}}</td>
                                    </tr>
                                    <tr v-if="item.fsqlx == '午休房'">
                                        <td>申请人签字确认</td>
                                        <td><img v-if="getQmImg(item.fsqrid)" :src="getQmImg(item.fsqrid)" alt="签名图片" class="qmImg">
                                            <span v-else>{{ item.fsqr }}</span>
                                        </td>
                                        <td>中心领导签字确认</td>
                                        <td>
                                            <img v-if="getQmImg(item.fzxldid)" :src="getQmImg(item.fzxldid)" alt="签名图片" class="qmImg">
                                            <span v-else>{{ item.fzxldyjr }}</span>
                                        </td>
                                    </tr>

                                    <tr  v-if="item.fsqlx == '无单位派车'">
                                        <th colspan="4">无单位派车填报</th>
                                    </tr>
                                    <tr v-if="item.fsqlx == '无单位派车'">
                                        <td>无单位派车填报说明</td>
                                        <td colspan="3" style="text-align: left;">{{ item.fewfybxsm }}</td>
                                    </tr>
                                    <tr v-if="item.fsqlx == '无单位派车'">
                                        <td>申请人签字确认</td>
                                        <td><img v-if="getQmImg(item.fsqrid)" :src="getQmImg(item.fsqrid)" alt="签名图片" class="qmImg">
                                            <span v-else>{{ item.fsqr }}</span>
                                        </td>
                                        <td>中心领导签字确认</td>
                                        <td>
                                            <img v-if="getQmImg(item.fzxldid)" :src="getQmImg(item.fzxldid)" alt="签名图片" class="qmImg">
                                            <span v-else>{{ item.fzxldyjr }}</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="text-align: left;">
                                            填报须知：<br/>
                                            一、项目内容为审评事项或培训等事项。<br/>
                                            二、项目时间为所属事项开始到截止时间，需具体到时点。<br/>
                                            三、特殊情况申请天数为额外产生费用的天数。如午休房按实际产生费用天数填报。<br/>
                                            四、金额栏填除差旅补助外所额外产生的住宿费、交通费等明细合计金额，合计超过2000元（含）以上的须经中心主要负责人审批。<br/>
                                            五、<span style="font-weight: bold;">1.特殊情况填报说明：</span>需说明额外产生费用原因、费用明细及费用是否自行承担，若由中心承担需在金额栏填报，自行承担费用可不填写金额栏。<br/>
                                    &emsp;&emsp;<span style="font-weight: bold;">2.事项一审批流程：</span>需由申请人事前提出申请并附有效签名，直接经中心主要负责人审批。<br/>
                                            六、<span style="font-weight: bold;">1.午休房报销填报说明：</span>仅限跨区申请，如：工作单位在青秀区到江南区审评，仅可在江南区申请午休房。<br/>
                                    &emsp;&emsp;<span style="font-weight: bold;">2.事项二审批流程：</span>需由申请人事前提出申请并附有效签名，经科室负责人同意后，超额费用不超过2000元的由该科室分管领导审批同意后才方报销；超额费用超过2000元的需经中心主要负责人审批同意后，方可报销。<br/>
                                            七、本表可按同一事项合并填报。
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="reimbursement-summary-1" v-if="expertServicesList.length">
                        <div style="page-break-after:always"></div>
                        <div class="reimbursement-summary-box">
                            <div class="table-hear">
                                <h3>{{ fromState.fjcqymc }}专家劳务费</h3>
                            </div>
                            <table class="reimbursement-transportation-table" border="1" cellspacing="0" style="width: calc(100%);border-color: #000 !important;">
                                <tr >
                                    <th>序号</th>
                                    <th>姓名</th>
                                    <th>身份证号</th>
                                    <th>单位</th>
                                    <th>职称</th>
                                    <th>劳务费税前金额</th>
                                    <th>个税</th>
                                    <th>劳务费实发金额</th>
                                    <th>银行卡号</th>
                                </tr>
                                <tr v-for="(item,index) in expertServicesList" :key="index" >
                                    <td>{{ index+1 }}</td>
                                    <td>{{ item.realname }}</td>
                                    <td style="width: 100px;white-space: normal;word-wrap: break-word;word-break: break-all;">{{ item.fsfzh }}</td>
                                    <td>{{ item.fgzdw }}</td>
                                    <td>{{ item.fzc }}</td>
                                    <td>{{ item.flwfsqje }}</td>
                                    <td>{{ item.flwfgsje }}</td>
                                    <td>{{ item.flwfsbje }}</td>
                                    <td style="width: 100px;white-space: normal;word-wrap: break-word;word-break: break-all;">{{ item.fyhkh }}</td>
                                </tr>
                                <tr >
                                    <th>合计</th>
                                    <td colspan="8">{{ expertServicesTotal }}</td>
                                </tr>
                                <tr >
                                    <td colspan="9" style="text-align: left;">
                                        备注：当劳务费小于800元，不缴个税，劳务费税前金额=实发金额；当劳务费大于800且没超过4000元，劳务费税前金额=（劳务费实发金额-160）/0.8，个税=(劳务费税前金额- 800元)*20%。
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div v-if="xzswspList.length">
                        <div style="page-break-after:always"></div>
                        <oaTableModule :tableType="'行政'" :printList="xzswspList"/>
                    </div>
                    <div v-if="sxsqnrList.length">
                        <div v-if="!xzswspList.length" style="page-break-after:always"></div>
                        <nkTableModule :tableType="'合同'" :printList="sxsqnrList"/>
                    </div>
                </div>
            </div>
        </a-modal>
    </div>
</template>
<script>
import {
    getzzsqd,
    jcybxxmbg,
    getybbxbt
} from './service/index'
// import oaTableModule from '../../../administrativeOffice-new/modal/oaTableModule'
export default {
    components:{
        oaTableModule: () => import('@/views/administrativeOffice-new/modal/oaTableModule'),
        nkTableModule: () => import('@/views/internalControl/modal/nkTableModule')
    },
    props:{

    },
    data(){
        return{
            visible:false,
            fromState:{},
            printList: [],
            // transportationList:[],
            // allSpecialList:[],
            // expertServicesList:[],
            // expertServicesTotal:0,
            printStyleElement: null, // 用于存储动态添加的<style>元素
            printObj:{
                id:"reimbursement-totalPrint", //需要打印的id名称
                popTitle:"报销单汇总打印",//文档的名称
                // preview:true,//预览功能，不好用
                zIndex:'20002',
                beforeOpenCallback(vue){
                    //console.log('打开之前',vue)
                },
                openCallback (vue) {//打印回调
                    //console.log('打印回调',vue)
                },
                closeCallback (vue) {//关闭了打印工具
                    //console.log('关闭了打印工具')

                },
            },
            laborCostsList: [],
            qmImgList: [],
            expertServicesList: [],
            expertServicesTotal:0,
            transportationList: [],
            transportationList1: [],
            fjList: [],
            isXmbg: false,
            xmbgData: {},
            isYbbxbt: false,
            ybbxbtData: {},
            xzswspList: [],
            sxsqnrList: []
        }
    },
    watch:{

    },
    mounted(){

    },
    methods:{
        getData(fromState,val,qmImg,other){
            this.addPrintStyles()
            //console.log('进入打印的数据：',fromState,val,qmImg,other)
            this.fromState = fromState
            this.transportationList = []
            // this.allSpecialList = allSpecialList
            this.expertServicesList = []
            this.expertServicesTotal = []
            this.transportationList1 = []
            this.printList = []
            this.laborCostsList = []
            this.printList = val
            this.qmImgList = qmImg
            //console.log('打包打印：',fromState,val)
            this.getzzsqdList()

            if(val.yszb && val.yszb[0].fbmjjflmc == '劳务费'){
                let item = val.bxdgr
                item.forEach((item,index) => {
                    if(Number(item.fybbxje) >= 800){
                        this.laborCostsList.push(item)
                    }
                })
            }
            // let item = val.bxdgr
            // item.forEach((item,index) => {
            //     if(Number(item.fybbxje) >= 800){
            //         this.laborCostsList.push(item)
            //     }
            //     this.transportationList.push({...item,bgColor:(index+1) % 2 == 0?true:false})
            //     this.transportationList.push({...item,bgColor:(index+1) % 2 == 0?true:false})
            // })
            if(other && other.expertServicesList){
                this.expertServicesList = other.expertServicesList
            }
            if(other && other.expertServicesTotal){
                this.expertServicesTotal = other.expertServicesTotal
            }
            if(other && other.transportationList1){
                this.transportationList1 = other.transportationList1
            }
            if(val.yszb && val.yszb.length){
                if(this.printList.bxd.fbxlx == '一般报销'){
                    this.getybbxbtFuntion()
                } else {
                    this.getJcybxxmbg(val.bxd.id)
                }
            }
            if(val.xzswsp){
                this.xzswspList = []
                this.xzswspList.push(val.xzswsp)
            }
            if(val.sxsqnr){
                this.sxsqnrList = []
                this.sxsqnrList = [...val.sxsqnr]
            }
        },
        addPrintStyles() {
            // 创建并添加包含@page规则的<style>元素
            this.printStyleElement = document.createElement('style');
            this.printStyleElement.type = 'text/css';
            this.printStyleElement.media = 'print';
            this.printStyleElement.innerHTML = `
                @page {
                    margin-top: 1.1in;
                    margin-right: 0.5in;
                    margin-bottom: 0.5in;
                    margin-left: 0.5in;
                /* 其他打印样式 */
                }
            `;
            document.head.appendChild(this.printStyleElement);
            //console.log('打印@page',this.printStyleElement)
        },
        removePrintStyles() {
            // 确保printStyleElement存在且已被添加到DOM中
            if (this.printStyleElement && this.printStyleElement.parentNode) {
                this.printStyleElement.parentNode.removeChild(this.printStyleElement);
                this.printStyleElement = null; // 清除引用
            }
        },
        printClick(){

        },
        getzzsqdList(){
            getzzsqd({fbxdid: this.fromState.id}).then(res => {
                if(res.success){
                    this.fjList = []
                    this.fjList = res.result
                }
            })
        },
        getJcybxxmbg(ids){
            jcybxxmbg({fbxdid:ids}).then(res => {
                if(res.success){
                    this.isXmbg = true
                    this.xmbgData = res.result
                }
            })
        },
        getybbxbtFuntion(){
            let data = {
                yszbid: this.printList.bxd.fysxmid,
                bxdid: this.printList.bxd.id,
            }
            getybbxbt(data).then(res => {
                if(res.success){
                    this.isYbbxbt = true
                    this.ybbxbtData = res.result
                }
            })
        },
        // 汇总天数
        returnDayNum(val){
            let str = val;
            let startIndex = str.indexOf("共") + 1
            let endIndex = str.indexOf('天');
            let str3 = str.substring(startIndex, endIndex)
            return str3
        },
        getNameList(list){
            let str = ''
            list.forEach(item => {
                str = str + item.realname + ' '
            })
            return str
        },
        // 签名图片
        getQmImg(ids){
            // downMyQm({id:ids}).then(resa => {
            //     if(resa.code){
            //         return false
            //     } else {
            //         return "data:image/png;base64," +
            //         btoa( new Uint8Array(resa).reduce( (data, byte) => data + String.fromCharCode(byte), "" ))
            //     }
            // })
            let url = null
            this.qmImgList.forEach(item => {
                if(ids == item.userid){
                    // //console.log('匹配成功',item)
                    url = item.url
                }
            })
            return url
        },
        claseVisible(){
            this.visible = false
            this.removePrintStyles()
        },
    }
}
</script>
<style lang="less">
.reimbursement-totalPrint-modal{
    //汇总表
    .qmImg {
        width: 100px;
        height: 30px;
    }
    .reimbursement-summary-1{
        width: 100%;
        padding: 10px 15px;
        .table-hear{
            display: flex;
            font-weight: 600;
            flex-direction: column;
            h3{
                font-weight: 600;
                font-size: 18px;
                text-align: center;
                font-family: '方正小标宋简体' !important;
            }
            span{
                display: inline-block;
                width: calc(100% - 8px);
                text-align: right;
                padding-right: 12px;
            }
        }
        // .serviceFee-icon-text-td{
        //     width: 120px;
        // }
        .serviceFee-icon-text{
            display: flex;
            align-items: center;
            padding: 0 5px;
            .serviceFee-icon{
                color: #5ca3e5;
            }
            span{
                text-align: center;
                flex: 1;
            }
        }
        .expenseApprovalForm-print-box {
            font-size: 18px;
            font-family: 宋体;
            color: black;
            h1 {
                text-decoration: underline;
                text-align: center;
                color: #5ca3e5;
            }
            .expenseApprovalForm-table {
                width: 100%;
                text-align: center;
                table-layout: fixed;
                td {
                min-width: 10px;
                padding: 10px 5px !important;
                }
            }
            table {
                border-color: #5ca3e5;
                border-top: 2px solid #5ca3e5;
                border-left: 2px solid #5ca3e5;
                border-right: 2px solid #5ca3e5;
                border-bottom: 2px solid #5ca3e5;
            }
            h1 {
                color: #5ca3e5;
                font-weight: bold;
                letter-spacing: 4px;
                // font-size: 35px;
            }
            .Title {
                color: #5ca3e5;
                // font-weight: bold;
                text-align: center;
            }
            .letterSpan {
                // letter-spacing: 8px;
            }
            .td-rowspan {
                width: 1px !important;
                min-width: 1px !important;
                padding: 1px 0;
            }
            .expenseApprovalForm-print-title-box {
                display: flex;
                justify-content: space-between;
            }
        }
        .jcybx-printTable {
            border: 1px dashed;
            width: 100%;
            display: flex;
            .jcybx-printTable-leftTable {
                display: flex;
                flex-direction: column;
                .jcybx-printTable-leftTable-title {
                    font-size: 22px;
                    text-align: center;
                    margin-top: 0.5em;
                    margin-bottom: 0.5em;
                    font-family: '宋体' !important;
                    font-weight: bold;
                }
            }
            .jcybx-printTable-rightPz {
                min-width: 29px;
                writing-mode: vertical-rl;
                display: flex;
                justify-content: space-evenly;
                padding: 100px 4px 100px;
                font-family: '宋体' !important;
            }
        }
        .reimbursement-transportation-table-bz {
            display: flex;
            // font-size: 10px;
            font-size: 12px;
            zoom: 0.9;
            margin-top: 12px;
            background-color: #ccffff;
            p {
                margin-bottom: 0px !important;
                font-size: 12px;
                zoom: 0.9;
            }
        }
        .applicationForTransferForm-table {
            width: 100%;
            text-align: center;
            // table-layout: fixed;
            th {
            padding: 10px 5px !important;
            }
            td {
            min-width: 10px;
            padding: 5px !important;
            }
        }
        .travelReimbursementForm-print-title-box {
            display: flex;
            justify-content: space-between;
            font-family: 'SimSun', serif;
            font-size: 18px;
        }
    }
    .reimbursement-transportation-table{
        th{
            text-align: center;
            font-size: 16px;
            font-size: 12px;
            padding: 3px 5px;
            font-family: '宋体' !important;
            color: #000;
        }
        td{
            text-align: center;
            padding: 3px 5px;
            height: 40px;
            font-size: 16px;
            font-size: 12px;
            font-family: '宋体' !important;
            color: #000;
        }
        .special-table-lable-td{
            // background-color: #e6f7ff;
        }
    }
    .reimbursement-transportation-table-min {
        td{
            height: 25px !important;
            text-align: center;
            padding: 3px 1px;
            font-size: 12px !important;
            zoom: 0.9;
            font-family: '宋体' !important;
            color: #000;
            overflow-wrap: break-word !important;
        }
    }
}
@media print{
    // @page {
    //     margin-bottom: 8mm;
    //     margin-top: 2.5in;
    //     margin-right: 0.5in;
    //     margin-bottom: 0.5in;
    //     margin-left: 0.5in;
    // }
    // table {
    //     page-break-inside: avoid; /*设置表格不被分割*/
    // }
    .reimbursement-summary-1{
        width: 100%;
        // padding: 40px 15px 0px 15px;
        // .reimbursement-summary-box {
        //     padding-top: 90px;
        // }
        .table-hear{
            display: flex;
            font-weight: 600;
            flex-direction: column;
            h3{
                font-weight: 600 !important;
                font-size: 18px !important;
                text-align: center;
            }
            span{
                display: inline-block;
                width: calc(100% - 8px);
                text-align: right;
                padding-right: 12px;
            }
        }
        // .serviceFee-icon-text-td{
        //     width: 120px;
        // }
        .serviceFee-icon-text{
            display: flex;
            align-items: center;
            padding: 0 5px;
            .serviceFee-icon{
                color: #5ca3e5;
            }
            span{
                text-align: center;
                flex: 1;
            }
        }
        .expenseApprovalForm-print-box {
            font-size: 18px;
            font-family: 宋体;
            color: black;
            h1 {
                text-decoration: underline;
                text-align: center;
                color: #5ca3e5;
            }
            .expenseApprovalForm-table {
                width: 100%;
                text-align: center;
                table-layout: fixed;
                td {
                min-width: 10px;
                padding: 10px 5px !important;
                }
            }
            table {
                border-color: #5ca3e5;
                border-top: 2px solid #5ca3e5;
                border-left: 2px solid #5ca3e5;
                border-right: 2px solid #5ca3e5;
                border-bottom: 2px solid #5ca3e5;
            }
            h1 {
                color: #5ca3e5;
                font-weight: bold;
                letter-spacing: 4px;
                // font-size: 35px;
            }
            .Title {
                color: #5ca3e5;
                // font-weight: bold;
                text-align: center;
            }
            .letterSpan {
                // letter-spacing: 8px;
            }
            .td-rowspan {
                width: 1px !important;
                min-width: 1px !important;
                padding: 1px 0;
            }
            .expenseApprovalForm-print-title-box {
                display: flex;
                justify-content: space-between;
            }
        }
        .jcybx-printTable {
            border: 1px dashed;
            width: 100%;
            display: flex;
            .jcybx-printTable-leftTable {
                display: flex;
                flex-direction: column;
                .jcybx-printTable-leftTable-title {
                    font-size: 22px;
                    text-align: center;
                    margin-top: 0.5em;
                    margin-bottom: 0.5em;
                    font-family: '宋体' !important;
                    font-weight: bold;
                }
            }
            .jcybx-printTable-rightPz {
                min-width: 29px;
                writing-mode: vertical-rl;
                display: flex;
                justify-content: space-evenly;
                padding: 100px 4px 100px;
                font-family: '宋体' !important;
            }
        }
        .reimbursement-transportation-table-bz {
            display: flex;
            font-size: 12px;
            zoom: 0.9;
            margin-top: 12px;
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
            background-color: #ccffff;
            font-family: '宋体' !important;
            p {
                margin-bottom: 0px !important;
                font-size: 12px;
                zoom: 0.9;
            }
        }
        .applicationForTransferForm-table {
            width: 100%;
            text-align: center;
            // table-layout: fixed;
            th {
            padding: 10px 5px !important;
            }
            td {
            min-width: 10px;
            padding: 5px !important;
            }
        }
        .travelReimbursementForm-print-title-box {
            font-family: '宋体' !important;
            font-size: 18px;
            display: flex;
            justify-content: space-between;
            color: black;
        }
    }
    .reimbursement-transportation-table{
        th{
            text-align: center;
            font-size: 16px;
            font-size: 12px;
            padding: 3px 5px;
            font-family: '宋体' !important;
            color: #000;
        }
        td{
            text-align: center;
            padding: 3px 5px;
            height: 40px;
            font-size: 16px;
            font-size: 12px;
            font-family: '宋体' !important;
            color: #000;
            overflow-wrap: break-word !important;
        }
        .special-table-lable-td{
            // background-color: #e6f7ff;
        }
    }
    .reimbursement-transportation-table-min {
        td{
            height: 25px !important;
            text-align: center;
            padding: 3px 1px;
            font-size: 12px !important;
            zoom: 0.9;
            font-family: '宋体' !important;
            color: #000;
            overflow-wrap: break-word !important;
        }
    }
}
.travelReimbursementForm-print-box {
    font-size: 14px;
    font-family: 宋体;
    color: black;
    h1 {
        text-decoration: underline;
        text-align: center;
        color: #5ca3e5;
    }
    .travelReimbursementForm-table {
        width: 100%;
        text-align: center;
        table-layout: fixed;
        td {
        // min-width: 10px;
        padding: 0 !important;
        }
    }
    table {
        border-color: #5ca3e5;
        border-top: 2px solid #5ca3e5;
        border-left: 2px solid #5ca3e5;
        border-right: 2px solid #5ca3e5;
        border-bottom: 2px solid #5ca3e5;
    }
    h1 {
        color: #5ca3e5;
        font-weight: bold;
        letter-spacing: 4px;
        // font-size: 35px;
    }
    .Title {
        color: #5ca3e5;
        // font-weight: bold;
        text-align: center;
    }
    .letterSpan {
        // letter-spacing: 8px;
    }
    .td-rowspan {
        width: 1px !important;
        min-width: 1px !important;
        padding: 1px 0;
    }
    .travelReimbursementForm-print-title-box {
        font-family: '宋体' !important;
        font-size: 18px;
        display: flex;
        justify-content: space-between;
        color: black;
    }
}
.applicationForTransferForm-print-box {
    .applicationForTransferForm-table {
        width: 100%;
        text-align: center;
        // table-layout: fixed;
        th {
        padding: 10px 5px !important;
        }
        td {
        min-width: 10px;
        padding: 5px !important;
        }
    }
}
</style>
